<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>淘宝网-淘！我喜欢</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="../css/goods.css">
    <link rel="stylesheet" href="../css/common.css">
    <script src="../../node_modules/jQuery/dist/jquery.min.js"></script>

    <!-- swiper -->

    <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.css">
    <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css">
    <link rel="stylesheet" href="../css/index.swipper.css">
</head>



<body>
    <header>
        <nav class="navbar navbar-default ntop">
            <div class="container boxt">
                <!-- Brand and toggle get grouped for better mobile display -->


                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav">
                        <li class="dropdown ar">
                            <a href="#" class="area bgw">全球 <span class="caret "></span></a>
                            <ul class="dropdown-menu">
                                <li><a href="#">全球</a></li>
                                <li><a href="#">中国大陆</a></li>
                                <li><a href="#">中国香港</a></li>
                                <li>
                                    <a href="#">中国台湾</a>
                                </li>
                                <li>
                                    <a href="#">中国澳门</a>
                                </li>
                                <li>
                                    <a href="#">韩国</a>
                                </li>
                                <li>
                                    <a href="#">马来西亚</a>
                                </li>
                                <li>
                                    <a href="#">澳大利亚</a>
                                </li>
                                <li>
                                    <a href="#">新加坡</a>
                                </li>
                                <li>
                                    <a href="#">新西兰</a>
                                </li>
                                <li>
                                    <a href="#">加拿大</a>
                                </li>
                                <li>
                                    <a href="#">美国</a>
                                </li>
                                <li>
                                    <a href="#">日本</a>
                                </li>
                            </ul>
                        </li>
                        <li><a href="#" class="logtp">亲，请登录 <span class="sr-only">(current)</span></a></li>
                        <li><a href="#" class="exit">退出登录 </a></li>
                        <li><a href="#">手机逛淘宝</a></li>
                    </ul>

                    <ul class="nav navbar-nav navbar-right">
                        <li><a href="./index.html">淘宝网首页</a></li>
                        <li class="dropdown">
                            <a href="#" class=" bgw">我的淘宝 <span class="caret"></span></a>
                            <ul class="dropdown-menu">
                                <li><a href="#">已买到的宝贝</a></li>
                                <li><a href="#">我的足迹</a></li>

                            </ul>
                        </li>
                        <li class="gcar">
                            <a href="./car.html"><span class="glyphicon glyphicon-shopping-cart"></span> 购物车<span class="carnum"> 0 </span></a>

                        </li>
                        <li class="dropdown bgw">
                            <a href="#"><span class="glyphicon glyphicon-star"></span> 收藏夹 <span class="caret"></span></a>
                            <ul class="dropdown-menu">
                                <li><a href="#">收藏的宝贝</a></li>
                                <li><a href="#">收藏的店铺</a></li>
                            </ul>
                        </li>
                        <li><a href="#">跨境物流管理</a></li>
                        <li><a href="#">海外消费者帮助</a></li>

                    </ul>
                </div>
                <!-- /.navbar-collapse -->
            </div>
            <!-- /.container-fluid -->
        </nav>
        <div class="container na-mid">
            <a href="#"><img src="../img/logo2.png" alt=""></a>
            <div class="more">
                <span class="more1">更多市场<span class="glyphicon glyphicon-menu-down"></span></span>
                <div class="ls-dl">
                    <dl class="clearfix">
                        <dt class="pull-left"><a href="#">淘宝发现</a></dt>
                        <dd class="pull-left"><a href="#">淘宝女人</a></dd>
                        <dd class="pull-left"><a href="#">淘宝男人</a></dd>
                        <dd class="pull-left"><a href="#">生活家</a></dd>
                        <dd class="pull-left"><a href="#">情侣</a></dd>
                    </dl>
                    <dl class="clearfix">
                        <dt class="pull-left"><a href="#">男女服饰</a></dt>
                        <dd class="pull-left"><a href="#">女装</a></dd>
                        <dd class="pull-left"><a href="#">新品</a></dd>
                        <dd class="pull-left"><a href="#">裙子</a></dd>
                        <dd class="pull-left"><a href="#">男装</a></dd>
                        <dd class="pull-left"><a href="#">T恤</a></dd>
                        <dd class="pull-left"><a href="#">休闲</a></dd>
                    </dl>
                    <dl class="clearfix">
                        <dt class="pull-left"><a href="#">箱包市场</a></dt>
                        <dd class="pull-left"><a href="#">女包</a></dd>
                        <dd class="pull-left"><a href="#">男包</a></dd>
                        <dd class="pull-left"><a href="#">双肩包</a></dd>
                        <dd class="pull-left"><a href="#">旅行箱</a></dd>
                        <dd class="pull-left"><a href="#">钱包</a></dd>
                    </dl>
                    <dl class="clearfix">
                        <dt class="pull-left"><a href="#">女鞋市场</a></dt>
                        <dd class="pull-left"><a href="#">靴子</a></dd>
                        <dd class="pull-left"><a href="#">单鞋</a></dd>
                        <dd class="pull-left"><a href="#">男鞋</a></dd>
                        <dd class="pull-left"><a href="#">休闲</a></dd>
                        <dd class="pull-left"><a href="#">商务</a></dd>

                    </dl>
                    <dl class="clearfix">
                        <dt class="pull-left"><a href="#">内衣配饰</a></dt>
                        <dd class="pull-left"><a href="#">新品</a></dd>
                        <dd class="pull-left"><a href="#">文胸</a></dd>
                        <dd class="pull-left"><a href="#">睡衣</a></dd>
                        <dd class="pull-left"><a href="#">内裤</a></dd>
                        <dd class="pull-left"><a href="#">帽子</a></dd>
                    </dl>
                    <dl class="clearfix">
                        <dt class="pull-left"><a href="#">淘宝发现</a></dt>
                        <dd class="pull-left"><a href="#">淘宝女人</a></dd>
                        <dd class="pull-left"><a href="#">淘宝男人</a></dd>
                        <dd class="pull-left"><a href="#">生活家</a></dd>
                        <dd class="pull-left"><a href="#">情侣</a></dd>
                    </dl>
                    <dl class="clearfix">
                        <dt class="pull-left"><a href="#">男女服饰</a></dt>
                        <dd class="pull-left"><a href="#">女装</a></dd>
                        <dd class="pull-left"><a href="#">新品</a></dd>
                        <dd class="pull-left"><a href="#">裙子</a></dd>
                        <dd class="pull-left"><a href="#">男装</a></dd>
                        <dd class="pull-left"><a href="#">T恤</a></dd>
                        <dd class="pull-left"><a href="#">休闲</a></dd>
                    </dl>
                    <dl class="clearfix">
                        <dt class="pull-left"><a href="#">箱包市场</a></dt>
                        <dd class="pull-left"><a href="#">女包</a></dd>
                        <dd class="pull-left"><a href="#">男包</a></dd>
                        <dd class="pull-left"><a href="#">双肩包</a></dd>
                        <dd class="pull-left"><a href="#">旅行箱</a></dd>
                        <dd class="pull-left"><a href="#">钱包</a></dd>
                    </dl>
                    <dl class="clearfix">
                        <dt class="pull-left"><a href="#">女鞋市场</a></dt>
                        <dd class="pull-left"><a href="#">靴子</a></dd>
                        <dd class="pull-left"><a href="#">单鞋</a></dd>
                        <dd class="pull-left"><a href="#">男鞋</a></dd>
                        <dd class="pull-left"><a href="#">休闲</a></dd>
                        <dd class="pull-left"><a href="#">商务</a></dd>

                    </dl>
                    <dl class="clearfix">
                        <dt class="pull-left"><a href="#">内衣配饰</a></dt>
                        <dd class="pull-left"><a href="#">新品</a></dd>
                        <dd class="pull-left"><a href="#">文胸</a></dd>
                        <dd class="pull-left"><a href="#">睡衣</a></dd>
                        <dd class="pull-left"><a href="#">内裤</a></dd>
                        <dd class="pull-left"><a href="#">帽子</a></dd>
                    </dl>
                    <dl class="clearfix">
                        <dt class="pull-left"><a href="#">淘宝发现</a></dt>
                        <dd class="pull-left"><a href="#">淘宝女人</a></dd>
                        <dd class="pull-left"><a href="#">淘宝男人</a></dd>
                        <dd class="pull-left"><a href="#">生活家</a></dd>
                        <dd class="pull-left"><a href="#">情侣</a></dd>
                    </dl>
                    <dl class="clearfix">
                        <dt class="pull-left"><a href="#">男女服饰</a></dt>
                        <dd class="pull-left"><a href="#">女装</a></dd>
                        <dd class="pull-left"><a href="#">新品</a></dd>
                        <dd class="pull-left"><a href="#">裙子</a></dd>
                        <dd class="pull-left"><a href="#">男装</a></dd>
                        <dd class="pull-left"><a href="#">T恤</a></dd>
                        <dd class="pull-left"><a href="#">休闲</a></dd>
                    </dl>
                    <dl class="clearfix">
                        <dt class="pull-left"><a href="#">箱包市场</a></dt>
                        <dd class="pull-left"><a href="#">女包</a></dd>
                        <dd class="pull-left"><a href="#">男包</a></dd>
                        <dd class="pull-left"><a href="#">双肩包</a></dd>
                        <dd class="pull-left"><a href="#">旅行箱</a></dd>
                        <dd class="pull-left"><a href="#">钱包</a></dd>
                    </dl>
                    <dl class="clearfix">
                        <dt class="pull-left"><a href="#">女鞋市场</a></dt>
                        <dd class="pull-left"><a href="#">靴子</a></dd>
                        <dd class="pull-left"><a href="#">单鞋</a></dd>
                        <dd class="pull-left"><a href="#">男鞋</a></dd>
                        <dd class="pull-left"><a href="#">休闲</a></dd>
                        <dd class="pull-left"><a href="#">商务</a></dd>

                    </dl>
                    <dl class="clearfix">
                        <dt class="pull-left"><a href="#">内衣配饰</a></dt>
                        <dd class="pull-left"><a href="#">新品</a></dd>
                        <dd class="pull-left"><a href="#">文胸</a></dd>
                        <dd class="pull-left"><a href="#">睡衣</a></dd>
                        <dd class="pull-left"><a href="#">内裤</a></dd>
                        <dd class="pull-left"><a href="#">帽子</a></dd>
                    </dl>
                    <dl class="clearfix">
                        <dt class="pull-left"><a href="#">淘宝发现</a></dt>
                        <dd class="pull-left"><a href="#">淘宝女人</a></dd>
                        <dd class="pull-left"><a href="#">淘宝男人</a></dd>
                        <dd class="pull-left"><a href="#">生活家</a></dd>
                        <dd class="pull-left"><a href="#">情侣</a></dd>
                    </dl>
                    <dl class="clearfix">
                        <dt class="pull-left"><a href="#">男女服饰</a></dt>
                        <dd class="pull-left"><a href="#">女装</a></dd>
                        <dd class="pull-left"><a href="#">新品</a></dd>
                        <dd class="pull-left"><a href="#">裙子</a></dd>
                        <dd class="pull-left"><a href="#">男装</a></dd>
                        <dd class="pull-left"><a href="#">T恤</a></dd>
                        <dd class="pull-left"><a href="#">休闲</a></dd>
                    </dl>
                    <dl class="clearfix">
                        <dt class="pull-left"><a href="#">箱包市场</a></dt>
                        <dd class="pull-left"><a href="#">女包</a></dd>
                        <dd class="pull-left"><a href="#">男包</a></dd>
                        <dd class="pull-left"><a href="#">双肩包</a></dd>
                        <dd class="pull-left"><a href="#">旅行箱</a></dd>
                        <dd class="pull-left"><a href="#">钱包</a></dd>
                    </dl>
                    <dl class="clearfix">
                        <dt class="pull-left"><a href="#">女鞋市场</a></dt>
                        <dd class="pull-left"><a href="#">靴子</a></dd>
                        <dd class="pull-left"><a href="#">单鞋</a></dd>
                        <dd class="pull-left"><a href="#">男鞋</a></dd>
                        <dd class="pull-left"><a href="#">休闲</a></dd>
                        <dd class="pull-left"><a href="#">商务</a></dd>

                    </dl>
                    <dl class="clearfix">
                        <dt class="pull-left"><a href="#">内衣配饰</a></dt>
                        <dd class="pull-left"><a href="#">新品</a></dd>
                        <dd class="pull-left"><a href="#">文胸</a></dd>
                        <dd class="pull-left"><a href="#">睡衣</a></dd>
                        <dd class="pull-left"><a href="#">内裤</a></dd>
                        <dd class="pull-left"><a href="#">帽子</a></dd>
                    </dl>
                </div>

            </div>
            <div class="pull-right sear">
                <div class="input-group">
                    <input type="text" class="" placeholder="">
                    <span class="input-group-btn">
                        <button class="btn btn-default" type="button">搜淘宝</button>
                        <button class="btn btn-default" type="button">搜本店</button>
                    </span>
                </div>
                <!-- /input-group -->
            </div>
        </div>
        <div class="hd-bot">
            <img src="../img/p1.gif" alt="">
            <div class="clearfix">
                <a href="#"><i>所有分类</i></a>
                <a href="#"><i>首页</i></a>
            </div>
        </div>
    </header>
    <!-- main -->
    <main class="clearfix container">
        <div class=" prod pull-left">
            <div class="img" id="img">
                <img src="" alt="">
                <div></div>
                <span></span>
            </div>
            <div class="img-li">

            </div>
            <div class="coll">
                <span class="glyphicon glyphicon-star"></span>
                <a href="#">收藏宝贝 (69人气)</a>
            </div>
        </div>
        <div class="main-mid pull-left">
            <a href="#">举报</a>
            <h3>
            </h3>
            <div class="price clearfix">
                <span>价格</span>
                <em><em>¥</em></em>
                <div class="pull-right">
                    <span class="rt"><i>0</i><br>交易成功</span>

                </div>
                <div class="pull-right lt"><span><i>0</i><br>累计评论</span></div>
            </div>
            <div class="area">
                <span>配送</span><span>上海 至 </span><span class="a-choose">浙江杭州江干区<i class="glyphicon glyphicon-triangle-bottom"></i></span>
                <span>快递 免运费<i class="glyphicon glyphicon-triangle-bottom"></i></span>
            </div>
            <div class="co-ty">
                <span>颜色分类</span>

            </div>
            <div class="ty">
                <span>套餐类型</span>
                <span class="color">官方标配</span>
            </div>
            <div class="fw">
                <span>售后服务</span>

                <ul>
                    <li class="bor1"><span><img src="../img/rainbow.png" alt=""></span>延长保修一年￥91<span class="glyphicon glyphicon-menu-down pull-right"></span></li>
                    <li><span><img src="../img/rainbow.png" alt=""></span>延长保修一年￥91<span class="glyphicon glyphicon-menu-down pull-right"></span></li>
                    <li><span><img src="../img/rainbow.png" alt=""></span>延长保修一年￥91<span class="glyphicon glyphicon-menu-down pull-right"></span></li>
                </ul>
            </div>
            <div class="num">
                <span>数量</span>
                <span class="del">-</span>
                <input type="text" value="1">
                <span class="inc">+</span>
                <span>件（库存<em></em>件）</span>

            </div>
            <div class="flower">
                <span>花呗分期</span>
                <span>￥<i class="three"></i>x3期
                    (含手续费)</span>
                <span>￥<i class="six"></i>x6期
                    (含手续费)</span>
                <span>￥<i class="twel"></i>x12期
                    (含手续费)</span>
            </div>
            <div class="buy">
                <a href="#">立即购买</a>
                <a href="javascript:;" class="add">加入购物车</a>
            </div>
            <div>
                <span>承诺</span><span>官方物流配送</span>
            </div>
            <div>
                <span>支付</span><span><img src="../img/zf1.png" alt="">JCB</span>
                <span><img src="../img/zf2.png" alt="">Visa</span>
                <span><img src="../img/zf3.png" alt="">Master</span>
            </div>
        </div>
        <div class="main-r pull-left">
            <div>
                <img src="../img/gold.png" alt="">
            </div>
            <div>
                <div><img src="../img/dian.png" alt=""><i>14</i>年老店</div>
            </div>
            <div class="house">
                <h4><a href="#">气泡鱼的小屋</a></h4>
                <p>信誉:
                    <a href="#"><img src="../img/xyu.gif" alt=""></a>
                </p>
                <p>掌柜: <a href="#">
                    carlily91</a></p>
                <p>联系:
                    <a></a>
                </p>
                <p>资质: <img src="../img/zz.png" alt=""></p>
            </div>
            <div>
                <div class="clearfix">
                    <div class="pull-left">描述<br><img src="../img/50.png" alt=""></div>
                    <div class="pull-left">服务<br><img src="../img/50.png" alt=""></div>
                    <div class="pull-left">物流<br><img src="../img/50.png" alt=""></div>
                </div>

            </div>
            <div class="int">
                <a href="#">进入店铺</a>
                <a href="#">收藏店铺</a>
            </div>
            <div class="clearfix">
                <p>看了又看</p>
                <div class="pull-left">
                    <a href="#"><img src="../img/ky1.jpg" alt="">
                        <p class="p1">¥9700.00</p>
                    </a>
                </div>
                <div class="pull-left">
                    <a href="#"><img src="../img/ky2.jpg" alt="">
                        <p>¥1498.00</p>
                    </a>
                </div>
            </div>
        </div>
    </main>



    <!-- footer -->

    <footer class="container">
        <div class="ft-top">
            <span><a href="#">阿里巴巴集团</a><i>|</i></span>
            <span><a href="#">淘宝网</a><i>|</i></span>
            <span><a href="#">天猫</a><i>|</i></span>
            <span><a href="#">聚划算</a><i>|</i></span>
            <span><a href="#">全球速卖通</a><i>|</i></span>
            <span><a href="#">阿里巴巴国际交易市场</a><i>|</i></span>
            <span><a href="#">1688</a><i>|</i></span>
            <span><a href="#">阿里妈妈</a><i>|</i></span>
            <span><a href="#">飞猪</a><i>|</i></span>
            <span><a href="#">淘小铺</a><i>|</i></span>
            <span><a href="#">阿里云计算</a><i>|</i></span>
            <span><a href="#">Alios</a><i>|</i></span>
            <span><a href="#">阿里通信</a><i>|</i></span>
            <span><a href="#">一淘</a><i>|</i></span>
            <span><a href="#">万网</a><i>|</i></span>
            <span><a href="#">高德</a><i>|</i></span>
            <span><a href="#">UC</a><i>|</i></span>
            <span><a href="#">友盟</a><i>|</i></span>
            <span><a href="#">阿里安全</a><i>|</i></span>
            <span><a href="#">虾米</a><i>|</i></span>
            <span><a href="#">大麦网</a><i>|</i></span>
            <span><a href="#">钉钉</a><i>|</i></span>
            <span><a href="#">支付宝</a><i>|</i></span>
            <span><a href="#">优酷</a><i>|</i></span>
            <span><a href="#">土豆</a><i>|</i></span>
            <span><a href="#">阿里健康</a><i>|</i></span>
            <span><a href="#">阿里影业</a><i>|</i></span>
            <span><a href="#">阿里体育</a><i>|</i></span>
            <span><a href="#">网商银行</a><i>|</i></span>
        </div>
        <div class="ft-mid">
            <p>
                <a href="#">关于淘宝</a>
                <a href="#">合作伙伴</a>
                <a href="#">营销中心</a>
                <a href="#">廉正举报</a>
                <a href="#">联系客服</a>
                <a href="#">开放平台</a>
                <a href="#">诚征英才</a>
                <a href="#">联系我们</a>
                <a href="#">网站地图</a>
                <a href="#">隐私权政策</a>
                <a href="#">法律声明</a>
                <a href="#">知识产权</a>
                <span>|</span>
                <em>© 2003-现在 Taobao.com 版权所有</em>
            </p>
            <p>
                <a href="#">增值电信业务经营许可证：浙B2-20080224</a><span>|</span>
                <a href="#">增值电信业务经营许可证（跨地区）： B2-20150210</a><span>|</span>
                <a href="#">浙网文（2019）1033-086号</a><span>|</span>
                <em class="em1">浙江省网络食品销售第三方平台提供者备案：浙网食A33010001</em>
            </p>
            <p>
                <em class="em2">互联网药品信息服务资格证书（浙）-经营性-2018-0010</em><span>|</span>
                <em class="em2">短消息类服务接入代码使用证书：号【2016】00154-A01</em><span>|</span>
                <em class="em2">信息网络传播视听许可证：1109364号</em><span>|</span>
                <em class="em2">出版物网络交易平台服务经营备案号：新出发浙备字第002号</em>
            </p>
            <p>
                <a href="#" class="f-a">&nbsp;<img src="../img/poli.png" alt="">&nbsp;浙公网安备 33010002000078号 </a><span>|</span>
                <a href="#" class="f-a">浙B2-20080224-1</a><span>|</span>
                <em class="em2">广播电视节目制作经营许可证（浙）字第01012号</em><span>|</span>
                <em class="em2">市场名称登记证：工商网市字3301004120号</em><span>|</span>
                <em class="em2">医疗器械网络交易服务第三方平台备案：（浙）网械平台备字[2018]第00004号</em><span>|</span>


            </p>
            <div>
                <a href="#"><img src="../img/ftlong.png" alt=""></a>
            </div>
        </div>
    </footer>
</body>
<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js "></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js "></script>
<script src="../js/library/index-swiper.js"></script>
<!-- swiper -->
<script src="https://unpkg.com/swiper/swiper-bundle.js">
</script>
<script src="https://unpkg.com/swiper/swiper-bundle.min.js">
</script>



<script src="../js/goods.js" type="module"></script>

</htm